
<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:c="http://java.sun.com/jsp/jstl/core"
                 xmlns:pou="http://primefaces.org/ui">
    
        <div style="overflow: auto">         
            <div id="donut" style="width: 900px; height: 400px;  float: left "  ></div>
            
        </div>
    
        <script type="text/javascript">
            (function($){
                var data = [ #{graphicUnoP.grapIntCarteraAntMestAnt.dataDonutGraphic}
                ];
                var plot1 = $.jqplot ('donut', [data], 
                { title: 'Integracion de Cartera por Antigüedad Mes Anterior',
                    seriesDefaults: {
                        // Make this a pie chart.
                        renderer: $.jqplot.PieRenderer, 
                        rendererOptions: {
                            // Put data labels on the pie slices.
                            // By default, labels show the percentage of the slice.
                            showDataLabels: false
                        }
                    }, 
                    legend: { show:true, location: 'e'
                        //,placement: 'outsideGrid'  
                    }
                }
            );
            })(jQuery);
        </script>
    
</ui:composition>
